<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
<!--    <link rel="stylesheet" href="https://yeqian-blog.oss-cn-beijing.aliyuncs.com/js/editormd.css"/>
    <link rel="stylesheet" href="https://yeqian-blog.oss-cn-beijing.aliyuncs.com/js/index2.css">
    <link rel="stylesheet" href="https://yeqian-blog.oss-cn-beijing.aliyuncs.com/js/index.css">
    <script th:src="https://yeqian-blog.oss-cn-beijing.aliyuncs.com/js/utlis.js"></script>-->

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>登录-你离开了南京，从此没有人和我说话</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" th:href="@{/admin/assets/vendor/bootstrap/css/bootstrap.min.css}">
    <link rel="shortcut icon" href="https://yeqian-blog.oss-cn-beijing.aliyuncs.com/js/bitbug_favicon.ico"/>
    <link rel="stylesheet" th:href="@{/admin/assets/libs/css/style.css}">
    <style>
        html,
        body {
            height: 100%;
        }

        body {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding-top: 40px;
            padding-bottom: 40px;
        }
    </style>
</head>

<body style="background:#f4f4f5;">

<div class="splash-container" v-cloak>
    <div class="card " style=" border-radius: 10px;">
        <div class="card-header text-center"><a class="navbar-brand" style="color:#007bff;">BLOG-YEQIAN</a>
            <span class="splash-description" style="color: #0a001f">请输入您的用户信息.</span></div>
        <div class="card-body">
            <form action="/login" method="post">
                <div class="form-group">
                    <input class="form-control form-control-lg" style=" border-radius: 4px;" type="text" name="username"
                           placeholder="用户名" autocomplete="off">
                </div>
                <div class="form-group">
                    <input class="form-control form-control-lg" style=" border-radius: 4px;" type="password"
                           placeholder="密码" name="password"
                    >
                    <!--弹出错误提示-->
                    <p style="color: red" align="center"></p>
                </div>
                <div class="form-group">
                    <label class="custom-control custom-checkbox">
                        <input class="custom-control-input" type="checkbox" name="rememberMe"><span
                            class="custom-control-label">记住密码</span>
                    </label>
                </div>
                <button type="submit" style=" border-radius: 4px;" class="btn btn-primary btn-lg btn-block">登录</button>
            </form>
        </div>
        <div class="card-footer bg-white p-0  ">
            <div class="card-footer-item card-footer-item-bordered" style=" border-radius: 4px;">
                <a href="regist.html" class="footer-link">创建一个帐户</a></div>
            <div class="card-footer-item card-footer-item-bordered" style=" border-radius: 4px;">
                <a href="#" class="footer-link">忘记密码</a>
            </div>
        </div>
    </div>
    <div style="text-align: center; margin-top: 100px; color: #0a001f; padding-bottom: 20px;
"><span>COPYRIGHT © 2020-2021 版权所有 泉眼无声惜细流</span><br/>
        <a href="https://www.miit.gov.cn/">备案号:陕ICP备2020013692号</a></div>
</div>
</body>
</html>